<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/icons-extra.css" />
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		<link rel="stylesheet" type="text/css" href="css/subcamera.css" />
		<style type="text/css">
			.mui-input-row .mui-input-clear~.mui-icon-clear {
				font-size: 20px;
				position: absolute;
				z-index: 1;
				top: 10px;
				left: 68%;
				width: 38px;
				height: 38px;
				text-align: center;
				color: #999;
				z-index: 999F;
			}
		</style>
	</head>

	<body>
		<div id="refreshContainer">
			<div class="mui-content" id="mui-home-list">
				<div class="list-search" style="padding-top: 15px;">
					<div class="mui-input-row" style="margin: 0 10px;">
						<input type="search" class="mui-input mui-input-clear" id="searchinput" style="width: 75%; text-align: left ;" placeholder="请输入关键字搜索">
						<button type="button" class="mui-btn mui-btn-primary mui-icon mui-icon-search" style="line-height: 0.8;width: 20%;" v-on:click="handel()">搜索</button>
					</div>
				</div>
				<div style="padding: 10px 10px;">
					<div id="cameraid" class="cameraid">
						<a class="cameraid-active" v-on:click="handel(0)">全部</a>
						<a class="" v-on:click="handel(1)">推荐</a>
						<a class="" v-on:click="handel(2)">近一个月</a>
						<a class="" v-on:click="handel(3)">近三个月</a>
						<a class="" v-on:click="handel(4)">近半年</a>
					</div>
				</div>
				<div class="mui-card" v-if="listMeetingObj.items.length == 0 ">
					<div class="mui-card-header mui-card-media" style="padding:10px">
						<h5 style="text-align: center;">暂无数据</h5>
					</div>
				</div>
				<div class="mui-card" v-else v-for="(item,index) in listMeetingObj.items">
					<div class="mui-card-header mui-card-media" style="padding:10px">
						<div class="mui-media-body">
							<h5>{{item.subject}}</h5>
						</div>
					</div>
					<div class="mui-card-content">
						<div class="mui-card-content-inner mui-card-media">
							<a href="javascript:;" :data-meetingId="item.id" :data-status="item.isOpen==true ? 0:1" :data-password="item.password">
								<img :src="item.snapUrl" onerror="this.src='images/32noimg.png'" width="100%" height="100%" />
							</a>
						</div>
					</div>
					<div class='mui-card-footer' style="padding:10px 15px 0px 0px">
						<div class="mui-pull-left mui-tips"><span class="mui-badge mui-badge-purple mui-icon mui-icon-extra mui-icon-extra-peoples">&nbsp;{{item.personCount}}</span> </div>
						<div class="mui-pull-left mui-tips"><span class="mui-badge mui-badge-purple mui-icon-extra mui-icon-extra-like">&nbsp;{{item.likeCount}}</span></div>
					</div>
				</div>
				<!--<div class="mui-card">
				<div class="mui-card-header mui-card-media" style="padding:10px">
					<div class="mui-media-body">
						<p>二分公司党建学习会</p>
					</div>
				</div>
				<div class="mui-card-content">
					<div class="mui-card-content-inner mui-card-media">
						<a href="#">
							<img src="images/yuantiao.jpg" width="100%" height="100%" />
						</a>
					</div>
				</div>
				<div class='mui-card-footer' style="padding:10px">
					<div class="mui-pull-left" style="padding-left:20px;padding-bottom:10px;"> 播放次数：<span class="mui-badge mui-badge-purple">456</span></div>
					<div class="mui-pull-left" style="padding-left:20px;padding-bottom:10px;"> 点赞次数：<span class="mui-badge mui-badge-purple">456</span></div>
				</div>
			</div>-->
			</div>
		</div>
	</body>

</html>
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/server.js"></script>
<script type="text/javascript" src="js/subcamera.js"></script>